<template>
  <div class="xuexikaduihuan">
    <van-nav-bar title="兑换学习卡" left-arrow @click-left="$router.back()" />
    <van-cell-group inset>
      <van-field v-model="value1" label="卡" placeholder="请输入卡号" />
      <van-field v-model="value2" label="密" placeholder="请输入密码" />
    </van-cell-group>
    <div class="btnbox">
      <button @click="pawdLogin" class="btn">立即兑换</button>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs } from 'vue'
const value1 = ref('')
const value2 = ref('')
</script>
<style lang="scss" scoped>
.btnbox {
  margin-top: 80px;
  padding: 0 40px;
  box-sizing: border-box;
  .btn {
    width: 100%;
    font-size: 12px;
    line-height: 80px;
    color: #fff;
    border: 1px solid #f15a24;
    background-color: #f15a24;
    border-radius: 10px;
  }
}
</style>
